<div class="portlet">
    <!-- <div class="portlet-actions">
        <button class="btn blue btn-sm" ng-click="orderBackGrid.agree()"><i class="fa  fa-gavel"></i> 退款</button>
        <button class="btn btn-sm btn-danger" ng-click="orderBackGrid.reject()"><i class="fa fa-mail-reply"></i> 退款驳回</button>
    </div> -->
    <form class="portlet-search-body" name="queryForm">
        <input type="text" class="form-control search-item" ng-model="orderId" placeholder="订单id">
        <select class="form-control search-item search-item-expand" ng-model="orderBackType" ng-options="opt.value as opt.name for opt in options.orderbacktype">
            <option value=""  disabled selected hidden>-- 订单类型 --</option>
        </select>
        <select class="form-control search-item search-item-expand" ng-model="orderBackStatus" ng-options="opt.value as opt.name for opt in options.orderbackstatus">
            <option value=""  disabled selected hidden>-- 订单退订状态 --</option>
        </select>
        <div class="search-item">
            <button class="btn btn-icon-only default"><i class="fa fa-chevron-right"></i></button>
            <button class="btn btn-sm query" ng-click="orderBackGrid.query();"><i class="fa fa-search"></i> 查询</button>
            <button class="btn btn-sm reset" ng-click="orderBackGrid.reset();"><i class="fa fa-eraser"></i> 重置</button>
        </div>
    </form>
    <div class="portlet-body">
        <table ed-grid="orderBackGrid"  class="table table-striped table-bordered table-advance table-hover"
               data-options="url: 'orderBack/query.do', modelText: '退订订单', form: 'queryForm', modal: 'modal'">
            <thead>
            <tr>
                <th data-options="field: '_index'"></th>
                <th data-options="field: 'orderId'">订单id</th>
                <th data-options="field: 'lineName'" style="width:150px;">线路名称</th>
                <th data-options="field: 'bookUserPhone'" style="width:100px;">预订者手机号</th>
                <th data-options="field: 'orderBackType | code : orderbacktype'" style="width:150px;">订单退订类型</th>
                <th data-options="field: 'orderBackStatus | code : orderbackstatus'" style="width:90px;">订单退订状态</th>
                <th data-options="field: 'makeTime'" style="width:150px;">退款申请时间</th>
                <th data-options="field: 'days'" style="width:70px;">退订天数</th>
                <th data-options="field: 'refundMoney'" style="width:90px;">退款金额</th>
                <th>操作</th>
            </tr>
            </thead>
        </table>
    </div>
</div>

<div ed-modal="modal" data-options="title: '退订明细', static: true, width: 720, defaultButton:false,onHidden:'reset'">
    <form action="#" class="form-horizontal w5c-form" w5c-form-validate novalidate name="validateForm">

        <div class="form-body">
        	<div class="form-group">
                <label class="col-md-2 control-label">线路名称</label>
                <div class="col-md-4">
                    <input type="text" class="form-control" ng-model="orderBack.lineName" ng-disabled="true">
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-2 control-label">订单id</label>
                <div class="col-md-4">
                    <input type="text" class="form-control" ng-model="orderBack.orderId" ng-disabled="true">
                </div>

                <label class="col-md-2 control-label">订单退订类型</label>
                <div class="col-md-4">
                    <select class="form-control" name="refundType" ng-model="orderBack.orderBackType"
                            ng-options="opt.value as opt.name for opt in options.orderbacktype" ng-disabled="true" >
                    </select>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-2 control-label">退款总手续费</label>
                <div class="col-md-4">
                    <input type="text" class="form-control" ng-model="orderBack.refundFee" ng-disabled="true">
                </div>
                <label class="col-md-2 control-label">订单退款金额</label>
                 <div class="col-md-4">
                    <input type="text" class="form-control" ng-model="orderBack.refundAmount" ng-disabled="true">
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-2 control-label">退订总天数</label>
                <div class="col-md-4">
                    <input type="text" class="form-control" ng-model="orderBack.days" ng-disabled="true">
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-2 control-label">退订原因</label>
                <div class="col-md-4">
                    <textarea  placeholder="退订原因" ng-model="orderBack.reason" name="reson"  rows="5" cols="75" style="height: 50px;" ng-disabled="true"></textarea>
                </div>
            </div>
            <div class="form-group">
                <label class="col-md-2 control-label">退订明细</label>
                <div class="col-md-10">
               	 	<table style="border: 2px solid #ccc;width:100%;">
               	 		<tr style="background-color: #ccc;width:100%;">
	               	 		 <td style="text-align: center;border: 2px solid #ccc;width:30%;"><font style="font-weight: bolder;">退订乘客</font></td>
	               	 		 <td style="text-align: center;border: 2px solid #ccc;width:70%"><font style="font-weight: bolder;">退订日期</font></td>
               	 		</tr>
	               	 	<tr ng-repeat="orderBack in orderBackDetailList" style="width:100%">
	               	 	 	<td style="padding: 5px;text-align: center;border: 2px solid #ccc;width:30%">
				              	 <font style="font-weight: bolder;">{{orderBack.passengerName}}</font>(<i class="fa fa-mobile"></i>:{{orderBack.passengerPhone}})
	               	 	 	</td>
	               	 	 	<td style="padding: 5px;border: 2px solid #ccc;width:70%">
				              	 <span style="margin-right: 5px;background-color: #efeaea;"ng-repeat="date in orderBack.dates">{{date.date}}&nbsp;</span>
	               	 	 	</td>
	               	 	</tr>
               	 	</table>
                </div>
            </div>
        </div>

        <div class="form-actions">
            <button type="button" class="btn blue" ng-click="orderBackGrid.cancel();">
                <i class="fa fa-times"></i> 确定
            </button>
        </div>
    </form>
</div>
